<button md-icon-button [md-menu-trigger-for]="themeMenu" mdTooltip="Select a theme!">
    <md-icon>format_color_fill</md-icon>
</button>

<md-menu class="docs-theme-picker-menu" #themeMenu="mdMenu" x-position="before">
    <md-list-item *ngFor="let theme of themes"  md-menu-item (click)="installTheme(theme)" >
        <md-icon md-list-icon [mdTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
                 [style.background]="theme.primary"
                 *ngIf="currentTheme === theme">check_circle
        </md-icon>
        <md-icon md-list-icon [mdTooltip]="theme.name" class="docs-theme-chosen-icon" [style.color]="theme.accent"
                 [style.background]="theme.primary"
                 *ngIf="currentTheme !== theme">invert_colors
        </md-icon>
        {{theme.name}}
    </md-list-item>
</md-menu>
